// id的获取
let productId = location.href.split("=")[1]
console.log(productId, 12);
// console.log(location.href);



// 一般方法获取ajax
// 点击获取商品详情 main


window.onload = function () {
    ajax({
        url: "http://chst.vip:1234/api/getmoneyctrlproduct",
        data: { productid: productId },
    })
        .then(res => {
            console.log(res);
            let html = '';
            let main = document.querySelector('main');
            res.result.forEach((item, index) => {
                html += `
           <section id="product">
            <ul>
                <li>
                    <div id="title">
                        <i>${item.productName}</i><span>${item.productPinkage}</span>
                    </div>
                    <div id="mall">
                        <i>${item.productFrom} &nbsp;&nbsp;| &nbsp;${item.productTime} </i>&nbsp;<span>${item.productTips} </span>
                    </div>                 
                    <div id="bigimg">
                    <li>
                     <p>  ${item.productInfo2}</p>
                     <p>${item.productImg2}</p>
                     </li>                 
                     </div>
                </li>
            </ul>
            ${item.productCity} <section class="buy">
        <a href="#">前往购买</a>
    </section>
    <section class="erweima">
        <img src="../images/mmbweixin2.png" alt="">
    </section> ${item.productComment}
        </section>
           `
            })
            // console.log(res);
            main.innerHTML = html
        })
}

// function getMenu(productId) {

// }
// getMenu(productId)


// //使用 res 数据渲染结构
// function render(res) {
//     let html = ''
//     res.forEach((item, index) => {
//         html += `
//            <section id="product">
//             <ul>
//                 <li>
//                     <div id="title">
//                         <i>${item.productName}</i><span>${item.productPinkage}</span>
//                     </div>
//                     <div id="mall">
//                         <i>${item.productFrom} &nbsp;&nbsp;| &nbsp;${item.productTime} </i>&nbsp;<span>${item.productTips} </span>
//                     </div>                 
//                     <div id="bigimg">
//                     <li>
//                      <p>  ${item.productInfo2}</p>
//                      <p>${item.productImg2}</p>
//                      </li>                 
//                      </div>
//                 </li>
//             </ul>
//             ${item.productCity} <section class="buy">
//         <a href="#">前往购买</a>
//     </section>
//     <section class="erweima">
//         <img src="../images/mmbweixin2.png" alt="">
//     </section> ${item.productComment}
//         </section>
//            `
//     })
//     // console.log(res);
//     main.innerHTML = html
// }

// let disstorck = document.querySelector('#disstorck')
// let div = document.createElement('div')





